/* common
================================================== */
a, img{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none; border:0;}
a{text-decoration: none;cursor:pointer;}

html,body,div,table,span,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,label,p,a,select,input,textarea,button,form,fieldset,legend,header,footer,nav,th,tr,td{
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: inherit;
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
}
iframe {
	border:none !important;
}
html,body{width:100%;height:100%;overflow:hidden;}
ul,li{list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
blockquote, q {quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after {content: '';content: none; }
.show{display:block;}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
input[disabled]{background-color: #EEE; border-color: #DDD; cursor: not-allowed}
.wrapperDiv{height:100%;width:100%}
.red-textbox{
	background:rgba(255,0,0,.1);
}
.red-textbox:focus {
	background:rgba(255,0,0,.1);
}

/* font-color
================================================== */
.fontRed{color:#ed5565}
.clear{clear:both;}

/* margin\padding
================================================== */
.ml10{margin-left:10px;}
.mr10{margin-right:10px}
.mt10{margin-top:10px}
.ptb5{padding:5px 0}

/* float
================================================== */
.fl{float:left}
.fr{float:right}
.d-i{display:inline}
.d-b{display:block}
.d-ib{display:inline-block}

/* 支付方式
========================================== */
.icon-pay-alipay.orange{background:#ed8b00;}
.icon-pay-alipay.orange:hover{
	background: #f38f01;
	text-decoration: none;
}
.icon-pay-alipay.blue{background:#009fe8;}
.icon-pay-alipay.blue:hover{
	background: #01a3ed;
	text-decoration: none;
}
.icon-pay-alipay.green{background:#44af35;}
.icon-pay-alipay.green:hover{
	background: #47b537;
	text-decoration: none;
}
.icon-pay-alipay{
    border-radius:3px;
    border:none;
    width:108px;
    height:32px;
    line-height:32px;
    position:relative;
    color:#fff;
    text-align:right;
    padding-right:10px;
    border:1px solid #c87500;
    transition:all ease .2s;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, .2) inset;
}
.icon-pay-alipay:active{box-shadow: 1px 1px 3px rgba(0,0,0, .3) inset;}
.icon-pay-alipay img{
	position:absolute;
	border-right:1px solid #fff;
	left:5px;
	top:2px;
	right:10px;
}

/* home
================================================== */
.header-panel .set{position:absolute;top:10px;right:10px;}
.header-panel .set ul li{float:left;}
.header-panel .set ul li a:hover{background:#0261b6}
.header-panel .set .password-btn{border-radius:5px;
                                 padding:5px 20px; margin-right:15px; height:23px; line-height:23px; color:#fff;
                                 background:#0158a6;text-decoration:none;}
.header-panel .set .exit-btn{border-radius:5px;;
                             padding:5px 20px; height:23px; line-height:23px; color:#fff;
                             background:#0158a6;text-decoration:none;}
.header-panel #password_nav{float: right;}
.header-panel #password_nav li{position: relative; height:35px; line-height:35px;}

.header-panel .password_li + ul.password_cont{width:280px;display: none;position: absolute;right: 0;top: 35px;padding: 0 15px 15px;background: #e3f2ff;border: 1px solid #96b2cb;z-index: 9999;
								box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
								border-radius: 2px;right:16px;
}
.header-panel li:hover .password_li + ul.password_cont{display: block;}
.header-panel ul.password_cont li .pass-txt{border:1px solid #aeddfe;height:23px;line-height:23px;width:150px;}
.header-panel ul.password_cont li span{width:75px;text-align:right;display:block;float:left;}
.header-panel ul.password_cont li input{float:left;margin-top: 7px;}
.header-panel ul.password_cont h3{margin-bottom:8px;border-bottom:1px solid #aeddfe;box-shadow: 0px 1px rgba(207, 238, 255, 0.4),0px 2px rgba(207, 238, 255, 0.3),0px 3px rgba(207, 238, 255, 0.2);}
.header-panel ul.password_cont li a.submit{border:1px solid #d3d3d3; border-radius:3px; text-align:center; cursor:pointer;padding:4px 15px;color:#ebf7ff;
                             background:linear-gradient(#44b5df,#40aad2);
							 background:-webkit-linear-gradient(#44b5df,#40aad2);
							 background:-moz-linear-gradient(#44b5df,#40aad2);
							 background:-o-linear-gradient(#44b5df,#40aad2);}
.header-panel ul.password_cont li a.submit:hover{background-position:0 -26px;background-color:#40aad2;text-decoration:none;
							 -webkit-transition:background-position 0.1s linear;
							 -moz-transition:background-position 0.1s linear;
							 -ms-transition:background-position 0.1s linear;
							 -o-transition:background-position 0.1s linear;
							 transition:background-position 0.1s linear;}


/* home
================================================== */
.header-panel{
	height:54px;
}
.header-panel .header-bg{
	background:url(../images/page-top-bg.png) 0 0 no-repeat;
	background-size:cover;
	height:54px;
	position:relative;
}
.header-panel .header-btn a{
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin:0 10px;
	display:inline-block;
	background:#0158a6;
	padding:4px 15px;
	border-radius:3px;
}
.header-panel .page-logo{
	position:absolute;
	left:0;
}
.header-panel .header-btn{
	position:absolute;
	right:30px;
	top:15px;
}
.footer-panel .copyright{
	background-image:-moz-linear-gradient(#0d98eb, #0d75d2);
	 background-image:-ms-linear-gradient(#0d98eb, #0d75d2);
	 background-image:-webkit-linear-gradient(#0d98eb, #0d75d2);
	 background-image:-o-linear-gradient(#0d98eb, #0d75d2);
	 background-image:linear-gradient(#0d98eb, #0d75d2);
	 height:28px;
	 line-height:28px;
	 color:#fff;
	 text-align:center;
	 font-size:12px;
	 width: 100%;
}
.sidebar-panel .menu-bg{
	background:#0d74d1;
	width:200px;
	height:100%;
}
.sidebar-panel .user-info .img{
	border:1px solid #fff;
	border-radius:3px;
	width:58px;
	height:58px;
	margin:0 auto;
}
.sidebar-panel .user-info{
	box-shadow:0 1px 0 #3d90da;
	border-bottom:1px solid #0b66b8;
	padding-top:15px;
}
.sidebar-panel .user-info .name{
	color:#fff;
	text-align:center;
	padding:10px 20px;
}
.sidebar-panel .menu-time{
	padding:10px 0;
	box-shadow:0 1px 0 #3d90da;
	border-bottom:1px solid #0b66b8;
	height:70px;
}
.sidebar-panel .menu-time .clock{
    color:#fff;
	font-size:30px;
	text-align:center;	
}
.sidebar-panel .menu-time .date{
	color:#fff;
	text-align:center;
	padding:10px 0;
}
.theme-panel{
	height:calc(100% - 54px - 28px);
}
.footer-panel{
	height:28px;
}
.sidebar-panel{
	background:#0d74d1;
	width:200px;
	float:left;
	height:100%;
}
.home-panel{
	background:#73c5ff;
	height:100%;
	width:calc(100% - 200px);
	float:left;
	background:url(../images/home-bg.png) 0 0 no-repeat;
	overflow:hidden;
	background-size:100% 100%;
}


/* leftsidebar
================================================== */
.sidebar-panel .leftsidebar_box{
	width:200px;
	height:calc(100% - 205px);
	overflow:hidden;
	background-color:#007ed3;
}
.sidebar-panel .leftsidebar_box dt{
	padding-left:40px;
	padding-right:20px;
	color:#f5f5f5;
	position:relative;
	line-height:50px;
	cursor:pointer;
	background:url(../images/sidemenubg-1.png) 0 0 no-repeat;
}
.sidebar-panel .leftsidebar_box dd{
	background-color:#159af5;
	text-indent:40px;
	line-height:40px;
	padding-left:20px;}
.sidebar-panel .leftsidebar_box dd a{
	color:#f5f5f5;
	line-height:40px;
	display:block;
	background:url(../images/submenu-bg.png) 0 0 no-repeat;outline: none;
}

.sidebar-panel .leftsidebar_box dd a:hover{color:yellow;text-decoration:none;}
.menuIcon{position:absolute;left:10px;top:15px;width:18px;height:18px;}
.arrowIcon{position:absolute;right:10px;top:20px;}

/* contains
================================================== */
.contains-panel{
	background:#fff;
	height:100%;
	width:calc(100% - 200px);
	float:left;
}

/* 资源管理
================================================== */
.resource-panel{
	width:100%;
	height:100%	;
}
.tree-structure{
	width:250px;
	height:calc(100% - 22px);
	border:1px solid #ccc;
	float:left;
	margin-top:20px;
}
.icon-up{background:url(../images/icon-up.png) 0 0 no-repeat;width:24px;height:24px;display:inline-block;background-size:100% 100%;vertical-align:middle}
.icon-dn{background:url(../images/icon-dn.png) 0 0 no-repeat;width:24px;height:24px;display:inline-block;background-size:100% 100%;vertical-align:middle}

/* tab切换
================================================== */
.tabMenu-panel{width:100%; padding:7px 15px 0; float:left;}
.tabMenu-panel a.leftBtn, 
.tabMenu-panel a.rightBtn{
	width:30px;height:28px; line-height:28px; float:left; text-align:center;cursor:pointer;
}
.tabMenu-panel a.leftBtn .leftIcon,
.tabMenu-panel a.rightBtn .rightIcon{
	margin:7px 0 0 0; width:0; height:0; display:inline-block; 
}
.tabMenu-panel a.leftBtn .leftIcon{
	border-top:6px solid transparent; 
	border-bottom:6px solid transparent;
	 border-right:6px solid #27a9e3;
}
.tabMenu-panel a.rightBtn .rightIcon{
	border-top:6px solid transparent; 
	border-bottom:6px solid transparent; 
	border-left:6px solid #27a9e3;
}
.tabMenu-panel a.leftBtn, 
.tabMenu-panel a.rightBtn,
.tabMenu-panel .middleSlide ul li{
	height:28px; float:left; text-align:center; line-height:28px;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:#92c2ea #92c2ea transparent #92c2ea;
    background:linear-gradient(#ebf9ff,#d5f2ff);
    background:-webkit-linear-gradient(#ebf9ff,#d5f2ff);
    background:-moz-linear-gradient(#ebf9ff,#d5f2ff);
    background:-o-linear-gradient(#ebf9ff,#d5f2ff);
}
.tabMenu-panel .middleSlide ul li{width:140px;position:relative;}
.tabMenu-panel .middleSlide ul li a{
	display:block; color:#000;text-decoration:none;overflow: hidden;
    text-overflow:ellipsis;width:120px;white-space: nowrap;
}
.tabMenu-panel .middleSlide ul li .close{
	width:9px;height:9px;display:inline-block;position:absolute;top:10px;right:8px;
	background:url(../images/tab-close-2.png) 0 0 no-repeat;
	-webkit-transition:.4s all;
	-moz-transition:.4s all;
	-ms-transition:.4s all;
	transition:.4s all;}
.tabMenu-panel .middleSlide ul li .close:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.tabMenu-panel .middleSlide ul li.select{background:#27a9e3;}
.tabMenu-panel .middleSlide ul li.select a{color:#fff;}
.tabMenu-panel .middleSlide ul li.select a:hover{
	text-decoration:none
}
.tabMenu-panel .middleSlide ul li.select:hover{
	background:#119cda;
}
.tabMenu-panel .middleSlide ul li.select a .close{
	background:url(../images/tab-close-1.png) 0 0 no-repeat;
	width:9px;height:9px;display:inline-block;
	position:absolute;
	right:8px;
	top:10px;
}

/* 增删改按钮
================================================== */
.functionBtn-panel{
	background:url(../images/functionBtn-bg.png) 0 0 repeat-x;
	height:35px;
	clear:both;
	width:100%
}
.functionBtn-panel #move a{display: inline-block;
		text-align: center;
		margin: 0 15px 0;
		position: relative;
		color: #9c9c9c;
		font-size: 12px;
		text-decoration: none;
		line-height: 35px;
		overflow: hidden;
}
@-webkit-keyframes bounce {
  from, to {
	-webkit-transform: translateY(0.5vh) scaleY(.75);
	   -moz-transform: translateY(0.5vh) scaleY(.75);
	    -ms-transform: translateY(0.5vh) scaleY(.75);
	     -o-transform: translateY(0.5vh) scaleY(.75);
			transform: translateY(0.5vh) scaleY(.75);
  }
  80% {
	-webkit-transform: translateY(-0.5vh) scaleY(1.02);
	   -moz-transform: translateY(-0.5vh) scaleY(1.02);
	    -ms-transform: translateY(-0.5vh) scaleY(1.02);
	     -o-transform: translateY(-0.5vh) scaleY(1.02);
			transform: translateY(-0.5vh) scaleY(1.02);
  }
}
@keyframes bounce {
  from, to {
	-webkit-transform: translateY(0.5vh) scaleY(.75);
	   -moz-transform: translateY(0.5vh) scaleY(.75);
	    -ms-transform: translateY(0.5vh) scaleY(.75);
	     -o-transform: translateY(0.5vh) scaleY(.75);
			transform: translateY(0.5vh) scaleY(.75);
  }
  80% {
	-webkit-transform: translateY(-0.5vh) scaleY(1.02);
	   -moz-transform: translateY(-0.5vh) scaleY(1.02);
	    -ms-transform: translateY(-0.5vh) scaleY(1.02);
	     -o-transform: translateY(-0.5vh) scaleY(1.02);
			transform: translateY(-0.5vh) scaleY(1.02);
  }
}
.functionBtn-panel #move a span.sp1{display:inline-block;float:left;height:35px;padding-top:8px;}
.functionBtn-panel #move a span.sp2{display:inline-block;height:24px;float:left;color: #27a9e3;margin:2px 0 0 5px;}
.functionBtn-panel #move a:hover span.sp2{color:#0d98eb; text-decoration:blink}
.functionBtn-panel #move a:hover span.sp1 img {
  background:url(/images/icon_add.png) 0 0 no-repeat;width:24px;height:24px;
  -webkit-transform-origin: center bottom;
     -moz-transform-origin: center bottom;
	  -ms-transform-origin: center bottom;
	   -o-transform-origin: center bottom;
		  transform-origin: center bottom;
  -webkit-animation: bounce 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
     -moz-animation: bounce 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
      -ms-animation: bounce 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
       -o-animation: bounce 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
		  animation: bounce 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite;
}

/* 查询条件
================================================== */
.search-panel{
	padding:10px;
	/* background:#f9f9f9;
	border-bottom:1px solid #dbdbde; */
}
.search-panel .search-text{
	display:inline-block;
	margin:7px 10px;
}
.search-panel .search-text select{
	display:inline-block;
	height:2.17rem;
	line-height:2.17rem;
}
.search-panel .search-text label{
	display:inline-block;
}

/* CSS3 单选按钮
========================================== */
.regular-radio {
	display: none;
}
.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #999;
	padding: 9px;
	border-radius:50px;
	display: inline-block;
	position: relative;
	top:5px;
	left:7px;
	cursor: pointer;
}
.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background:#999;
	left: 3px;
}
.regular-radio.red + label {border: 1px solid #ed5565;}
.regular-radio:checked + label.red:after {background: #ed5565;}
.regular-radio.blue + label{border: 1px solid #00a0e9;}
.regular-radio:checked + label.blue:after {background:#00a0e9;}

/* 表格部分样式重写
================================================== */
.k-grid tbody button.k-button{min-width:0}
.k-picker-wrap .k-icon{margin-top:5px}
.k-textbox .k-icon{right:5px}
.k-datetimepicker .k-picker-wrap .k-icon{margin-top:5px}

/* 弹出层
=============================================  */
.hint-content{vertical-align:middle; overflow-y:auto; overflow-x:hidden; width:100%}
.hint-content .one-case{width:490px;float:left;}
.hint-content .two-case{border:1px solid #ccc;width:250px;height:372px;float:left;margin-left:10px}

.hint-content .one-case .info-case01{width:340px;float:left;}

.hint-content .upload-case{width:116px;height:116px;border-radius:4px;background:#c7c7c7;float:left;border-bottom:2px solid #0888d6}
.hint-content .upload-case .choose{background:url(../images/choose-icon.png) 0 0 no-repeat;width:116px;height:35px;line-height:35px;color:#fff;display:block;margin:10px 0;text-indent:45px}
.hint-content .upload-case .upload{background:url(../images/upload-icon.png) 0 0 no-repeat;width:116px;height:35px;line-height:35px;color:#fff;display:block;margin:10px 0;text-indent:45px}
.hint-content .upload-case .choose:hover,
.hint-content .upload-case .upload:hover{text-decoration:none;}

.hint-content .one-case .info-case02{width:490px;float:left;}

.hint-content .hint-text{display:inline-block;margin:0 30px 10px 0;padding:2px 0;}
.hint-content .hint-text label{display:inline-block;width:110px;text-align:right;}
.hint-content .hint-text input,
.hint-content .hint-text select,
.hint-content .hint-text textarea{
	display:inline-block;border-radius:3px;
}
.hintContent-title{
	font-size:14px;
	font-weight:800;
	height:35px;
	line-height:35px;
}
.hintContent-title .div1{
	width:0;height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:6px solid #0888d6;
	display:inline-block;
	margin:5px 5px 0 0;
}
.hintContent-title .div2{
	display:inline-block;
	color:#0888d6;
	margin:0 10px 0 0;
}
.hintContent-title .div3{
	border-bottom:1px dashed #0888d6;
	width:82%;
	display:inline-block
}
.leftBox{width:71%;float:left;}
.leftBox .search-Btn{float: left;margin-top: 5px;margin-left:15px;}
.leftBox .search-Btn a{
	border-radius:3px;
	border:1px solid #ff6f18;
	background:#ff8400;
	color:#fff;
	padding:3px 10px;
	cursor:pointer;
	margin:0 5px;
}
.leftBox .search-Btn a:hover{
	background:#f55d01;
	text-decoration:none;
}
.aisle{padding:0 15px;margin-top:10px;}
.aisle:last-child{margin-bottom:10px;}
.aisle .name{
	height:32px;
	 line-height:32px;
	 border-bottom:1px solid #d5d5d5;
	 text-align:left;
}
.aisle .list{background:#f3f3f3;padding:5px 0;}
.aisle .list ul li{
	width:48%;
	display:inline-block;
	line-height:25px;
}
.aisle .list ul li img{margin-left:5px;}
.rightTree{width:28%;float:left;border:1px solid #d5d5d5;}
.rightTree .title{
	 background-color:#f3f3f4;
	background-image:none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	 height:32px;
	 line-height:32px;
	 border-bottom:1px solid #d5d5d5;
	 text-align:left;
	 text-indent:20px;
}
.Hint-panel{background:#fff; border:1px solid #d2d2d2; border-radius:4px; position:relative; margin-top:10px;
                 box-shadow: 0 0 3px rgba(160, 160, 160, 0.5);
                 -webkit-box-shadow:0 0 3px rgba(160, 160, 160, 0.5);
				 -mmoz-box-shadow:0 0 3px rgba(160, 160, 160, 0.5);
				 -o-box-shadow:0 0 3px rgba(160, 160, 160, 0.5);}
.Hint-panel .header{border-radius:3px 3px 0 0; height:34px; line-height:34px; padding-top:1px;
                         background:#2590f1}
.Hint-panel .header .name{font-size:17px; font-weight:100; color:#fff; padding-left:20px;}
.Hint-panel .header a.close{color:#fff; font-size:20px; float:right; margin:0 15px 0 0;}
.Hint-panel .header a.close::before{content: "\2716";}

/* 收费规则-弹出层
================================================== */
.hint-content .rule-menu{
	width:248px;
	background:#f4f4f4;
	border-bottom:2px solid #d4dde1;
}
.hint-content .rule-menu ul li{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #d4dde1;
	text-align:left;
	
}
.hint-content .rule-menu ul li a{
	text-indent:20px;
	display:inline-block;
	width:100%;
}
.hint-content .rule-menu ul li a:hover{
	text-decoration:none;
}
.hint-content .rule-menu ul li:last-child{
	border-bottom:none;
}
.hint-content .rule-menu ul li.select a{
	color:#4fa4f1;
	font-weight:bold;
	background:#fff;
	display:inline-block;
	width:252px;
}
.hint-content .rule-left{
	width:250px;
	float:left;
    background: #f4f4f4;
    height: 596px;
    border-right: 1px solid #dce2e3;
}
.hint-content .icon-rule{
	margin-top:55px;
}
.hint-content .rule-content{
	border-radius:5px;
	width:670px;
	float:left;
	margin-left:20px;
	padding:0;
}
.hint-content .rule-content .hint-text .sp{
	display:inline-block;
	line-height:30px;
}
.hint-content .rule-content .list .title{
	border-bottom:1px solid #d3d3d3;
	text-align:left;
	font-weight:bold;
	margin:0 20px 15px;
	text-indent:5px;
	font-size:15px;
}
/*  add li */
.charge-table{width:100%;text-align:center;}

/*消息提示样式*/
.white_content {
width: 350px;
background-color: #ebf9ff;
border:1px solid #ebf9ff;
}

.hint-icon{
	display:inline-block;
	width:100px;
	text-align:center;
	vertical-align: text-top;
	margin-top:20px;
}
.prompt .hint-con{
	width:calc(100% - 130px);
	display:inline-block;
	vertical-align: text-top;
	margin-top:20px;
}
.prompt .hint-con .font-marked{
	font-size:18px;
	font-weight:bold;
}
.prompt .hint-con .font-success{color:#47a908;}
.prompt .hint-con .font-error{color:#d53f40;}
.prompt .hint-con .font-info{color:#47b0ed;}
.prompt .hint-con .font-confirm{color:#ffa100;}
.prompt .hint-con .font-con{
	margin-top:10px;
	color:#999;
	min-height:90px;
}
.prompt .hint-con p{
	margin:0;
}
.close-icon{
    background-image:url(../images/hint-close.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	cursor:pointer;
	float:right;
}
.close-btn{background-position:0 0;}
.close-btn:hover{background-position:0 -16px;}
.close{
	height:40px;
	line-height:40px;
}
.closeBg-success{background:#47a908;}
.closeBg-error{background:#d53f40;}
.closeBg-info{background:#47b0ed;}
.closeBg-confirm{background:#ffa100;}

.close button{border:none;background:none;cursor:pointer;}
.close button.cancel,
.close button.save,
.close button.return{
	float:left;
    color:#fff;
	text-align:center;
	height:40px;
	line-height:40px;
}
.close button.cancel,
.close button.save{
    width:49.8%;
}
.close button.return{width:100%}
.close .cancel{
	border-right:1px solid #fff;
}

/* 弹出层树结构
================================================== */
.treeCase{
	float:left;
	width:calc(100% - 370px);
	border:1px solid #c5c5c5;
}
.treeCase .title{
	background:linear-gradient(#f3f3f3,#e4e4e4);
	background:-webkit-linear-gradient(#f3f3f3,#e4e4e4);
	background:-moz-linear-gradient(#f3f3f3,#e4e4e4);
	background:-o-linear-gradient(#f3f3f3,#e4e4e4);
	height:28px;
	line-height:28px;
	border-bottom:1px solid #c5c5c5;
	text-indent:10px;
}

/* 系统切换
================================================== */
/* top样式 */
.system-panel{
	position:absolute;
	left:500px;
	top:1px;
}
.system-panel dl{
	background:url(../images/systemIconBg-d.png) 0 0 no-repeat;
	width:76px;
	height:52px;
	display:inline-block;
	margin-right:20px;
	cursor:pointer;
}
.system-panel dl dt{
	text-align:center;
}
.system-panel dl dd{
	color:#fff;
	text-align:center;
	margin-top:-3px;
	font-size:12px;
	word-break: keep-all;
}
.system-panel dl:hover{
	background:url(../images/systemIconBg-c.png) 0 0 no-repeat;
}
.system-panel dl.click{
	background:url(../images/systemIconBg-c.png) 0 0 no-repeat;
}

/* 系统切换-系统图标翻转 */
.switchSystem .switchSystem-btn{
    width:200px;height:61px;line-height:61px;display:block;font-size:22px;
  text-indent:60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-decoration:none;
  position: relative;
  background:url(../images/switchSystem-bg2.png) 0 0 no-repeat;
}
.switchSystem .switchSystem-nav a{
	color:#000;
}

/* 系统切换-子菜单展示 */
.switchSystem-nav{position:relative;}
.switchSystem-nav .switchSystem-cont {
    left: 200px;
    max-height: 0;
    position: absolute;
    top: 0;
    z-index: 999;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
    overflow:hidden;
}
.switchSystem-nav .switchSystem-cont li {
    background: -moz-linear-gradient(#feda01, #ffb700);
    background: -ms-linear-gradient(#feda01, #ffb700);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feda01), color-stop(100%, #ffb700));
    background: -webkit-linear-gradient(#feda01, #ffb700);
    background: -o-linear-gradient(#feda01, #ffb700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda01', endColorstr='#ffb700');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda01', endColorstr='#ffb700')";
    background: linear-gradient(#feda01, #ffb700);
    cursor:pointer;
    border-bottom: 1px solid #cd9500;
    border-top: 1px solid #ffbe00;
    min-width: 140px;
	text-align:center;
	height:38px;
	line-height:38px;
	font-size:13px;
}
.switchSystem-nav .switchSystem-cont li:first-child{
	border-radius:5px 5px 0 0;
}
.switchSystem-nav .switchSystem-cont li:last-child{
	border-radius:0 0 5px 5px;
}
.switchSystem-nav .switchSystem-cont li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.switchSystem-nav .switchSystem-cont li:hover a{
    background:rgba(0, 0, 0, .07);
	display:block;
}
.switchSystem-nav > li:hover .switchSystem-cont, .switchSystem-nav > li:focus .switchSystem-cont {
    max-height: 2000px;
    z-index: 10;
}
.switchSystem-nav > li:hover .switchSystem-cont li, .switchSystem-nav > li:focus .switchSystem-cont li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.switchSystem-nav li:hover .switchSystem-cont li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.switchSystem-nav li:hover .switchSystem-cont li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.switchSystem-cont li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.switchSystem-cont li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.switchSystem-cont li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.switchSystem-cont li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.switchSystem-cont li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.switchSystem-cont li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.switchSystem-cont li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.switchSystem-cont li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}


/* 美化复选框
================================================== */
.regular-checkbox{display:none}
.regular-checkbox + label {
    background-color: #fff;
    border: 1px solid #ed5565;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.regular-checkbox:checked + label:after {
	content: '\2714';
	position: absolute;
	top: 0px;
	left: 3px;
	color: #ed5565;
	vertical-align:middle;
}

/* 实时监控管理
================================================== */
.basicInfoContent-panel .basicInfo-monitor{
  border:1px solid #c5c5c5;
}
.basicInfoContent-panel .basicInfo-monitor .title{
	background-image:-moz-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-ms-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-webkit-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-o-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:linear-gradient(#f3f3f3, #e4e4e4);
	height:30px;
	line-height:30px;
	border-bottom:1px solid #c5c5c5;
	text-indent:20px;
}
.basicInfoContent-panel .basicInfo-monitor .list{
	padding:15px;
}
.basicInfoContent-panel .basicInfo-monitor .list .brakeBtn{
	background:#e8e8e8;height:65px;width:100%;margin-top:15px;padding-top:10px;
}
.basicInfoContent-panel .basicInfo-monitor .list .brakeBtn a{
	width:49%;
	display:inline-block;
	text-align:center;
}
.basicInfoContent-panel .basicInfo-monitor > .title > .brakeBtn2{float:right;}
.basicInfoContent-panel .basicInfo-monitor > .title > .brakeBtn2 a{
	display:inline-block;
	margin-right:20px;
}
.basicInfoContent-panel .basicInfo-monitor .monitor{
	width:23%;
	height:260px;
	background:#54c3ed;
	display:inline-block;
	margin:0 0.85%;
}
.basicInfoContent-panel .basicInfo-monitor .monitor .monitorName{
	color:#fff;
	font-size:14px;
	text-indent:15px;
	height:35px;
	line-height:35px;
}
.basicInfoContent-panel .basicInfo-monitor .monitor .monitorArea{
	height:calc(100% - 35px - 50px);
	background:#fff;
	margin:0 1px;
}
.basicInfoContent-panel .basicInfo-monitor .monitor .monitorBtn{
	height:50px;
	text-align:center;
	margin-top:10px;
}


/* 车场设备管理
================================================== */
.tree-structure .tree-button a{
	height:35px;
	line-height:35px;
	background-image:-moz-linear-gradient(#f9f9f9, #ebebeb);
	 background-image:-ms-linear-gradient(#f9f9f9, #ebebeb);
	 background-image:-webkit-linear-gradient(#f9f9f9, #ebebeb);
	 background-image:-o-linear-gradient(#f9f9f9, #ebebeb);
	 background-image:linear-gradient(#f9f9f9, #ebebeb);
	 width:50%;
	 float:left;
	 display:block;
	 text-align:center;
	 border-right:1px solid #c5c5c5;
}
.tree-structure .tree-button a:hover{text-decoration:none}
.tree-structure .tree-button a:last-child{
	border-right:none;
}
.tree-structure .tree-button a.select{
	background:#27a9e3;
	color:#fff;
} 
.treeSearch-Btn{
	text-align: center;
	margin: 10px 0;
	display: inline-block;
	width: 100%
}
.treeSearch-Btn input{
	display:inline-block;
	border:1px solid #ccc;
	width:95%;
	height:28px;
	line-height:28px;
}
.treeSearch-Btn a{
	border-radius:3px;
	border:1px solid #ff6f18;
	background:#ff8400;
	color:#fff;
	padding:3px 10px;
	cursor:pointer;
	margin:0 5px;
}
.treeSearch-Btn a:hover{
	background:#f55d01;
	text-decoration:none;
}
.basicInfoTitle-panel{
	color:#27a9e3;
	font-size:16px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #c5c5c5;
	text-align:left;
	width:100%;
	text-indent:20px;
}

.basicNavBg01-1{background:url(../images/basicInfo-nav-bg.png) 0 0 no-repeat;width:240px;height:60px;display:block}      /*green arrows*/
.basicNavBg01-2{background:url(../images/basicInfo-nav-bg.png) 0 -60px no-repeat;width:240px;height:60px;display:block}  /*red arrows*/
.basicNavBg01-3{background:url(../images/basicInfo-nav-bg.png) 0 -120px no-repeat;width:240px;height:60px;display:block} /*gray arrows*/
.basicNavBg02-1{background:url(../images/basicInfo-nav-bg.png) 0 -180px no-repeat;width:197px;height:60px;display:block} /*green*/
.basicNavBg02-2{background:url(../images/basicInfo-nav-bg.png) 0 -240px no-repeat;width:197px;height:60px;display:block} /*red*/
.basicNavBg02-3{background:url(../images/basicInfo-nav-bg.png) 0 -300px no-repeat;width:197px;height:60px;display:block} /*gray*/

.flow_steps ul li{
	width:240px;
	float:left;
	text-align:center;
	line-height:60px;
}
.flow_steps ul li.basicNavBg01-1 .sp2,
.flow_steps ul li.basicNavBg01-2 .sp2,
.flow_steps ul li.basicNavBg02-1 .sp2,
.flow_steps ul li.basicNavBg02-2 .sp2{
	color:#fff;
}
.flow_steps{display:inline-block;margin-bottom:50px;}
.flow_steps ul li .sp1{
	float:left;
	margin: 10px 10px 0 10px
}
.flow_steps ul li .sp2{
	float:left;
	width:140px;
	text-align:center;
	font-size:20px;
}

.basicInfoContent-panel .basicInfo-box{
	width:100%;
	float:left;
	padding:20px 0;
	background:#f0f0f0;
}
.flow_steps{background:#f0f0f0}
.basicInfoContent-panel .basicInfo-box .list{
	margin:0 auto;
	width:900px;
}
.basicInfoContent-panel .basicInfo-box .basicNav{
	width:100%;
	text-align:center;
}
.basicInfoContent-panel .list-text{margin:0 10px 10px 0;padding:2px 0;/* float:left */display:inline-block}
.basicInfoContent-panel .list-text label{width:140px;text-align:right;float:left;height:28px;line-height:28px;}
.basicInfoContent-panel .list-text input.input-info{
	display:inline-block;width:250px;
}

.basicInfoContent-panel .list-text .sp{
	display:inline-block;
	line-height:30px;
}
.basicInfoContent-panel .workstation{float:left;width:100%;background:#fff;}

.basicInfoContent-panel .basicTab{
	background-image:-moz-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-ms-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-webkit-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:-o-linear-gradient(#f3f3f3, #e4e4e4);
	background-image:linear-gradient(#f3f3f3, #e4e4e4);
	height:38px;
	line-height:38px;
	border-bottom:1px solid #c5c5c5;
}
.basicInfoContent-panel .basicTab a{
	width:50%;
	float:left;
	text-align:center;
	font-size:18px;
}
.basicInfoContent-panel .basicTab a.select{
	background-image:-moz-linear-gradient(#2db3e7, #16a3d8);
	background-image:-ms-linear-gradient(#2db3e7, #16a3d8);
	background-image:-webkit-linear-gradient(#2db3e7, #16a3d8);
	background-image:-o-linear-gradient(#2db3e7, #16a3d8);
	background-image:linear-gradient(#2db3e7, #16a3d8);
	height:38px;
	line-height:38px;
	color:#fff;
}

/* 收费监控管理
================================================== */
.basicInfoContent-panel .collectFee .total{
	border:2px solid #f7d0d4;
	background:#fbf0f1;
	height:50px;
	line-height:50px;
	width:100%;
	text-align:center;
}
.basicInfoContent-panel .collectFee .total ul li{
	color:#5a4143;
	font-size:20px;
	width:280px;
	display:inline-block;
}
.basicInfoContent-panel .collectFee .policeBox{
	border-width:0 2px 2px 2px;
	border-style:solid;
	border-color:#d0d9c8;
	background:#f4faee;
	padding:10px;
	display:inline-block;
}
.basicInfoContent-panel .collectFee .policeBox .list{
	width:275px;
	display:inline-block;
	border-right:2px solid #d0d9c8;
}
.basicInfoContent-panel .collectFee .policeBox .list strong{
	height:30px;
	line-height:30px;
	font-size:15px;
	color:#5e714e;
	width:275px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	text-align:center;
}
.basicInfoContent-panel .collectFee .policeBox .list p{
	height:25px;
	line-height:25px;
	color:#5e714e;
	text-indent:50px;
}
.basicInfoContent-panel .collectFee .policeBox .list p i{font-size:18px;}
.basicInfoContent-panel .chargingMonitor{
	margin-top:10px;
	width:100%;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame{
	width:calc(100% - 600px - 10px);
	float:left;
	border:none;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList{
	border:1px solid #e5e5e5;
	border-radius:5px;
	background:#fff;
	height:280px;
	width:47%;
	float:left;
	padding:5px;
	box-shadow:0 0 2px rgba(0, 0, 0, .3);
	margin:0 10px 20px;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .name{
    background:#44b5df;
	height:25px;
	line-height:25px;
	color:#fff;
	text-indent:15px;	
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .info{
	height:50px;
	border-top:1px solid #e0e0e0;
	padding-top:7px;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .info ul li{
	width:49%;
	height:20px;
	line-height:20px;
	display:inline-block;
	text-indent:15px;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .info ul li i{
	color:red;
	font-size:16px;
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .frame{
	height:calc(100% - 25px - 50px);
}
.basicInfoContent-panel .chargingMonitor .aisleFrame .aisleList .frame img{
	width:100%;
	height:100%
}

/* 表格
================================================== */
.tableDiv table{border-collapse: collapse}
.tableDiv table tr th{
	border:1px solid #dbdbde;
	text-align:left;
	/* font-weight: normal; */
	line-height: 2em;
	background-color:#f3f3f4;
	background-image:none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	padding: 0 .5rem;
}
.tableDiv table tr td{
	border:1px solid #dbdbde;
	text-align:left;
	line-height: 2em;
	padding: 0 .5rem;
}
.tableDiv table tr td input[type="button"]{
	height:23px;
	line-height:15px;
	margin-top:6px;
	display:inline;
}

.workRecord-info table tbody tr td.td-c{text-align:center;}
.workRecord-info table tr th,
.workRecord-info table tr td{
	border:1px solid #c5c5c5
}
.workRecord-info table tr th{
	background-color:#e3e3e3;
	background-image:none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	background-image:none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	 text-align:left;
	font-weight: normal;
	line-height: 2em;
}
.workRecord-info table tr td{
	text-align:left;
	line-height: 2em;
	background:#fff;
}
.workRecord-info table tr td input,
.workRecord-info table tr td select{
	width:100%;
	height:2rem;
	line-height: 2em;
	border:0;
}
.workRecord-info table tr td input[type="checkbox"]{
	height: auto;
	line-height:auto;
}
.workRecord-info table tr td a img{margin-top:5px;}

.hintContent-title{
	font-size:14px;
	font-weight:800;
	height:35px;
	line-height:35px;
}
.hintContent-title .div1{
	width:0;height:0;display:inline-block;margin:5px 5px 0 0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:6px solid #0888d6;}
.hintContent-title .div2{
	display:inline-block;
	color:#0888d6;
	margin:0 10px 0 0;
	text-align:left;
}
.hintContent-title .div3{
	border-bottom:1px dashed #0888d6;
	width:82%;display:inline-block}
.table-line01{
	background:url(../images/table-line01.png) 0 0 repeat-y;
	width:1px;
	height:calc(100% - 75px);
	display:inline-block;
	position:absolute;
	bottom:0;
	top:75px;
}

/* 弹出层-小标题
================================================== */
.layerTitle {
	position:relative;
	width:100%;
	height:25px;
	border-bottom:2px solid #cacaca;
	margin:10px 0;
}
.layerTitle > span {
	color:#4fa4f1;
	position:absolute;
	background:#fff;
	border-bottom:2px solid #4fa4f1;
	line-height:25px;
}
.layerTitle > span::before {
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	background:#fff;
	border:3px solid #4fa4f1;
	border-radius:8px;
	margin-right:5px;
}
.layerTitle.left > span {
	left:0;
}


/* 收费规则
================================================== */
#tempChargeListDiv,
#monthChargeListDiv{
    background:#f6f6f6;
}
.billingRule-panel{
	margin:0 30px; 
	background:transparent;
}
.billingRule-panel .rule-box{
	border-width:1px 1px 4px;
	border-style: solid;
	border-color: #3bbbeb;
	border-radius:5px;
	background:#fff;
	margin-top:20px;
	display:inline-block;
	width:49%;
	height:295px;
	overflow-y:auto;
	float:left;
}
.billingRule-panel .rule-box:nth-child(even){
	float:right;
}
.billingRule-panel .title{
    background:#3bbbeb;
	font-weight:bold;
	line-height:35px;
	margin: 2px;
	border-radius:3px;
	text-indent:20px;
}
.billingRule-panel .title2{
    /* background:#3bbbeb; */
	font-weight:bold;
	line-height:35px;
	margin: 2px;
	border-radius:3px;
	text-indent:20px;
	border-bottom:1px solid #3bbbeb;
	color:#3bbbeb;
}
.billingRule-panel .title span{
	color:#fff;
	font-size:14px;
}
.billingRule-panel .title span input[type="checkbox"]{
    width:26px;
    height:26px;
    margin:5px;
}
.billingRule-panel .text{
	display:inline-block;
	width:49%;
	height:28px;
	line-height:28px;
	text-indent:20px;
}
/* 开关按钮
================================================== */
.switch-button{width:250px;display:inline-block}
.switch-button .checkbox {
  position: relative;
  display: inline-block;
}
.switch-button .checkbox:after,.switch-button .checkbox:before {
  font-family: FontAwesome;
  -webkit-font-feature-settings: normal;
     -moz-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-font-kerning: auto;
     -moz-font-kerning: auto;
          font-kerning: auto;
  -webkit-font-language-override: normal;
     -moz-font-language-override: normal;
          font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.switch-button .checkbox label {
  width: 74px;
  height: 28px;
  position: relative;
  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-button .checkbox label:after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  z-index: 2;
  background:url(../images/icon-turnOff.png) 0 0 no-repeat;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-button .checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.switch-button .checkbox label {
  background:url(../images/icon-turnOff-bg.png) 0 0 no-repeat;
  width: 74px;
  height: 28px;
}
.switch-button .checkbox input:checked + label {
  background:url(../images/icon-turnOn-bg.png) 0 0 no-repeat;
  width:74px;
}
.switch-button .checkbox input:checked + label:after {
  left: 46px;
  background:url(../images/icon-turnOn.png) 0 0 no-repeat;
  width:28px;
}

/* 日历
================================================== */
.calendar_bg_line{height:1px;width:100%;background:#c5c5c5;}
.calendar_con{width:100%;height:calc(100% - 25px);}
.calendar_left{width:calc(100% - 360px - 50px);height:100%;float:left;margin:10px 0 10px 10px;}
.calendar_left_01{background:#dbf3fd;height:100%;width:126px;float:left;color:#27ade6;font-size:80px;text-align:center;}

.calendar_left_02{width:48px;height:100%;background:url(../images/calendar_bg.png);float:left}
.calendar_left_02_bg1{width:48px;height:48px;background:url(../images/calendar_bg04.png);margin-bottom:50px;}
.calendar_left_02_bg2{height:calc(100% - 146px);}
.calendar_left_02_bg3{width:48px;height:48px;background:url(../images/calendar_bg05.png)}


.calendar_left_03{width:calc(100% - 174px);height:100%;background:#dbf3fd;float:left;}
.calendar_left_03_top{height:48px;width:100%;background:#28b2ec;padding-left:18px;}
.calendar_left_03_top ul li{height:100%;width:14%;float:left;text-align:center;font-size:22px;line-height:48px;color:#fff;}

.calendar_left_03_middle{height:calc(100% - 96px);padding-left:10px;overflow:auto;}
.calendar_left_03_middle ul li{height:88px;width:10.6%;float:left;margin:20px 1.72% 0 1.72%;text-align:center;}
.calendar_left_03_middle ul li a{background:#fff;border:1px solid #c5c5c5;border-radius:10px;display:block;font-size:20px;color:#333;height:90px;padding-top:5px;}
.calendar_left_03_middle ul li a:hover{background:#ffe3e3 url(../images/calendar_bg03.png) no-repeat;border:1px solid #c5c5c5;border-radius:10px;display:block;color:#b9262c;text-decoration:none}
.calendar_left_03_middle ul li P{text-align:center;font-size:30px;}
.calendar_left_03_middle ul li P:hover{color:#b9262c;text-decoration:none}
.calendar_left_03_bottom{height:48px;width:100%;border-top:1px solid #bababa;background:#f5f5f5;border-right:1px solid #bababa;background:#f5f5f5;border-bottom:1px solid #bababa;background:#f5f5f5;}
.calendar_left_03_bottom_01{height:30px;width:150px;margin:9px 0 0 30px;background:#000;float:left;}
#calendar_select{height:30px;line-height:30px;width:150px;font-size:20px;color:#b9262c;background:#f4f4f4;border:1px; border-color:#c8c8c8; border-style:solid;}
.calendar_left_03_bottom_02{float:left;width:22px;height:26px;margin:11px 10px 0 20px;}
.calendar_left_03_bottom_03{height:48px;float:left;}
.calendar_left_03_bottom_03 li{float:left;}
.calendar_left_03_bottom_03 li a{display:block;height:46px;line-height:46px;width:35px;font-size:20px;color:#999;text-align:center;}
.calendar_left_03_bottom_03 li a:hover{background:#87ccfc;color:#0e60ab;}
.calendar_left_03_bottom_04{float:left;width:22px;height:26px;margin:11px 0 0 10px;}


.calendar_right{width:360px;height:calc(100% - 10px);float:right;margin:10px 20px 10px;}
.calendar_right_title{height:35px;width:100%;border:1px solid #c5c5c5;line-height:35px;font-size:14px;padding-left:10px;
background-image:-moz-linear-gradient(#f3f3f3, #e3e3e3);
background-image:-ms-linear-gradient(#f3f3f3, #e3e3e3);
background-image:-webkit-linear-gradient(#f3f3f3, #e3e3e3);
background-image:-o-linear-gradient(#f3f3f3, #e3e3e3);
background-image:linear-gradient(#f3f3f3, #e3e3e3);}
.calendar_right_txt{border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;padding-top:20px;height: calc(100% - 160px)}
.calenda_text{margin:0 0 20px 5px}
.calenda_text label{width:100px;text-align:right;float:left;height:32px;line-height:32px;}
.calenda_text input{display:inline-block;border:1px solid #ccc;width:160px;height:28px;line-height:28px;border-radius:3px;text-indent:5px;}

/* 收费统计报表
================================================== */
.statisticsReport-panel .title{
	font-size:22px;
	/* width:100%; */
	text-align:center;
	height:50px;
	line-height:50px;
	margin:0 auto;
	background:#f9f9f9;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#dbdbde; 
}
.statisticsReport-panel .data{
	border-width:0 1px;
	border-style:solid;
	border-color:#dbdbde;
	height: 35px;
	background:#f9f9f9;
}
.statisticsReport-panel .data ul li{
	float:left;
	height:35px;
	line-height:35px;
	text-indent:30px;
	width:32%;
}
.statisticsReport-panel .data ul li i{
	color:red;
	font-size:20px;
}
.statisticsReport-panel .data ul li.li-right{
	text-align:right;
}

/* 车场资料管理- 通行证类型管理 - 弹出层
================================================== */
.gatePass-aisle{
	margin-top:10px;
	border:1px solid #d5d5d5;
	width:47%;
	display:inline-block;
	margin-right:2%;
}
.gatePass-aisle:nth-child(2n+1){margin-right:0;}
.gatePass-aisle .name{
	height:32px;
	line-height:32px;
	border-bottom:1px solid #d5d5d5;
	text-align:left;
	background:#f3f3f3;
	padding:0 15px;
}
.gatePass-aisle .list{padding:5px 0;}
.gatePass-aisle .list ul li{
	width:48%;
	display:inline-block;
	line-height:25px;
	text-align:center;
}
.gatePass-aisle .list ul li input[type="checkbox"]{
	margin-right:5px;
}


/* 用于流程布置样式
 =============================================*/
.step {
    position:relative;
    border: 1px solid #ccc;
    border-radius:3px;
    float:left;
    min-width:500px;
}
.step-head {
    position: relative;
    display:inline-block;
    float:left;
    width:100%;
    height:55px;
    text-align:center;
    background:#e0e0e0;
    transition:all linear .2s;
    cursor:pointer;
}
.step.two .step-head {
    width: 50%;
}
.step.three .step-head {
    width: 33.3%;
}
.step.four .step-head {
    width: 25%;
}
.step.five .step-head {
    width: 20%;
}
.step.six .step-head {
    width: 16.7%;
}

.step-title {
    margin:5px;
    font-size: 16px;
    font-weight:normal;
    font-family:'微软雅黑'
}
.step-desc {
    font-size:12px;
    color:#999;
    margin:0 0 10px 0;
}

.step-head.completed:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0;
    border: solid;
    background-color: #e0e0e0;
    width: 1.14285714em;
    height: 1.14285714em;
    border-color: #e0e0e0;
    border-width: 0 1px 1px 0;
    -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}

.step-head.active {
    color:#fff;
    background:#fff;
}
.step-head.active .step-title {
    color:#4183c4;
}
.step-head.active:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0;
    border: solid;
    background-color: #fff;
    width: 1.14285714em;
    height: 1.14285714em;
    border-color: #e0e0e0;
    border-width: 0 1px 1px 0;
    -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
.step-head:last-child:after {
    position: inherit;
    content: inherit;
    border: inherit;
}
.step-content {
    float:left;
    width:100%;
    position:relative;
    height:100px;
}
.step-content-item {
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    padding:10px;
    display:none;
}
.prev-step,.next-step, .finish-step {
	display: inline-block;
    border: 1px solid #ccc;
    background:#eee;
    padding:5px 10px;
    border-radius:2px;
	margin:auto 2px;
    transition:box-shadow linear .1s;
}
.prev-step:hover,.next-step:hover {
    box-shadow:0px 1px 2px #b0b0b0;
}
.prev-step:active,.next-step:active {
    box-shadow:0px 1px 2px #b0b0b0 inset;
}
.finish-step {
    color:#fff;
    border: 1px solid #457da8;
    background-color: #457dd8;
    transition:box-shadow linear .1s;
	display: inline-block;
}
.finish-step:hover {
    box-shadow:0px 1px 5px #457df8;
}
.finish-step:active {
    box-shadow:0px 1px 5px #034480 inset;
}
.button-frame {
    position:absolute;
    bottom: 5px;
    right: 15px;
}

/* 用于围绕式面板  ============================================ */
.lonix.frame {
    position: relative;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: 0 2px 5px #999;
    margin: 25px auto 15px auto;
    padding: 25px 15px 15px 15px;

}
.lonix.frame-title {
    position: absolute;
    top:-10px; left: 10px;
    padding: 0 8px;
    display: inline-block;
    background: #ffffff;
    font-size: 15px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 用于table得样式  ========================================== */
.lonix.table tr:focus td {
	background: #e8e8e8;
}
.lonix.table td, th {

}
.lonix.table input[type=text], .lonix.table select{
	float: left;
	border: none;
	width:100%;
}
.lonix.table input[type=text]:focus {
	background: #eeeeee;
}
.lonix.table select:focus {
	background: #eeeeee;
}

/* 用于侧边栏 ==================================== */
.lonix.sidebar {
	display:none;
	position:absolute;
	top:0;left:0;
	bottom:0;right:0;
	z-index:100000000;
}
.lonix.sidebar-panel {
	display:none;
	position:absolute;
	z-index:100000002;
	top:0;
	left:0;
	bottom:0;
	width:30%;
	background:#333333;
}
.lonix.sidebar-background {
	position:absolute;
	top:0;left:0;
	bottom:0;right:0;
	background-color:#000000;
	opacity:.5;
	z-index:100000001;
}
.lonix.button {
	border-radius:6px;
	outline:none;
	width:70px;
	height:21px;
	font-family:'黑体';
	background:#ffffff;
	border:1px solid #d7d7d8;
	transition: all ease .2s;
}
.lonix.button:hover {
	box-shadow:0 1px 0px #bdbdbf;
}
.lonix.button:active {
	box-shadow: -1px -1px 3px #bdbdbf;
}
.lonix.button-group {
	float:right;
	margin:5px 8px;
}

/* Btn集合  
========================================== */

/* 查询 */
.search-Btn{
	display:inline-block;
	margin-left:20px;
}
.search-Btn button{
	border-radius:3px;
	border:1px solid #ff6f18;
	background:#ff8400;
	color:#fff;
	padding:3px 10px;
	cursor:pointer;
	margin:0 5px;
}
.search-Btn button:hover{
	background:#f55d01;
	transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
}

/* 确定、取消 、刷新*/
.basicInfo-btn{padding:15px 0; text-align:center;width:100%;float:left;/* border-top:1px solid #c5c5c5 */}
.basicInfo-btn button{width:106px;height:35px;line-height:35px;text-indent:30px; border:none;cursor:pointer}
.basicInfo-btn button.save:hover,
.basicInfo-btn button.cancel:hover，
.basicInfo-btn button.flush:hover{box-shadow:0 0 4px rgba(1,54,105,.3)}
.basicInfo-btn .cancel{color:#666; background:url(../images/cancel-icon.png) 0 0 no-repeat}
.basicInfo-btn .save{color:#2590f1; background:url(../images/save-icon.png) 0 0 no-repeat; margin-right:15px}
.basicInfo-btn .flush{color:#2590f1; background:url(../images/flush-icon.png) 0 0 no-repeat}

/* 增加、删除 */
.function-btnBg{background:#f3f3f4;height:34px;border-top:solid 1px #dbdbde;border-left:solid 1px #dbdbde;border-right:solid 1px #dbdbde;text-align:left;}
.function-btn button{border:0; cursor:pointer;background:transparent;position:relative;top:5px;height:23px;line-height:23px;margin-right:10px}
.function-btn img{margin:0 5px -5px}
.function-btn button.add{color: #0bad04}
.function-btn button.del{color: #d62a1e}

/* 车场组织-一键配置
========================================== */
.parkQuick-panel .LocDongle-list{
	width:90%;
	margin:0 auto;
}
.parkQuick-panel .LocDongle-list .sp1{
	width:45%;
	display:inline-block
}


/* 时间轴  
========================================== */
.history-Content {
	padding: 50px 0;
	min-height: 680px;
	width: 100%;
}
.history-Content .wrapper {
	position: relative;
	width: 700px;
	margin: 0 auto;
}
.history-Content .main {
	background:url(../images/time-lineBg.png) repeat-y 249px 0;
}
.history-Content .main .titleLog {
	position: absolute;
	line-height: 40px;
	padding-left: 67px;
	left: 230px;
	top: 0;
	color: #58a6fb;
	font-size: 24px;
	font-weight:100;
	background: url(../images/time-icon01.png) no-repeat 0 0;
}
.history-Content .main .year {
	position: relative;
	z-index: 100;
}
.history-Content .main .year h2 {
	height: 40px;
	width: 170px;
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.history-Content .main .year h2 a {
	color: #58a6fb;
	font-size:24px;
	font-weight:100;
}
.history-Content .main .year h2 i{
	display:block;
	position:relative;
	height:0;
	width:0;
	left:190px;
	top:-20px;
	border-width:6px;
	border-style:solid;
	border-color:#59a7fb transparent transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.history-Content .main .year .list{
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.history-Content .main .year .list ul {
	bottom: 0;
}
.history-Content .main .year .list ul li {
	background: url(../images/time-icon02.png) no-repeat 235px 31px;
	padding: 30px 0;
	color: #a1a4b8;
}
.cls {
	zoom: 1;
}
.cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.history-Content .main .year .list ul li .date,.history-Content .main .year .list ul li .version{
	float:left;
	display:block;
	clear:left;
	width:200px;
	line-height:24px;
	text-align:right
}
.history-Content .main .year .list ul li .date{
	font-size:14px;
	line-height:32px;
	color:#84879f
}
.history-Content .main .year .list ul li .intro, .history-Content .main .year .list ul li .more {
	float: left;
	display: block;
	width: 400px;
	margin-left: 100px;
	line-height: 24px;
}
.history-Content .main .year .list ul li .intro {
	font-size: 18px;
	line-height: 32px;
	color: #21b717;
}
.history-Content .wrapper:first-child .main .year.close h2 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.history-Content .wrapper:first-child .main .year.close .list{
	opacity:0;
	height:0!important;
}
.ie7 .history-Content .main .year h2 i{
	left:40px
}


/* 进出记录查询-车辆通行信息
========================================== */
.fishBone *{
	margin: 0;
	padding: 0;
}
.fishBone ul{
	overflow: visible!important;	
}
.fishBone ul,.fishBone li{
	list-style: none;
	line-height: 2em
}
.fishBone{
color: #767676;
	width: 100%;
	/*height: 100%;*/
	white-space:nowrap;
	position: relative;
	font-size: 12px;
}
.fishBone .wrapper{
  padding: 0 10px;
  margin: auto;
  overflow: hidden;
}
.fishBone .wrapper .bd {
	overflow: hidden;
}
.fishBone .item{
	position: relative;
	width: 150px;
	height: 350px;
	display: inline-block;
	margin-left:20px;
}
.fishBone .item .first{
	line-height:2em;
}
.fishBone .item .title{
	border-left:none;
}
.fishBone .item .title .title-left{
	display:inline-block;
	width:15px;
	line-height: 2.1em;
	background: url("../images/title.png") no-repeat 0 0;
	font-size: 14px;
}
.fishBone .item .title .title-center{
	display:inline-block;
	background: url("../images/title.png") repeat-x 0 -600px;
	font-size: 15px;
	font-weight:bold;
	font-family:'微软雅黑';
	line-height: 2.1em;
	color: white;
}
.fishBone .item .title .title-right{
	display:inline-block;
	width:15px;
	line-height: 2.1em;
	background: url("../images/title.png") no-repeat 0 -1200px;
	font-size: 14px;
}
.fishBone .item .title{
	display: block;
	position: relative;
	left: -33px;
	background: url(../images/line-point.png) no-repeat 12px -212px;
}
.fishBone .item.top .title{
}
.fishBone .item.bottom .title{
	bottom: 0;
}
.fishBone .item .content{
	padding-left: 13px;
	position: absolute;
}
.fishBone .item.top .content{
	padding-top: 5px;
	padding-bottom: 13px;
}
.fishBone .item.bottom .content{
	bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.fishBone .item.bottom{
}

.fishBone .item .content ul{}
.fishBone .item .content ul li{
	padding-left:13px;
	width:100%;
	text-align:left;
}
.fishBone .item .content ul li.line-first{
	position: relative;
	padding-left: 19px;
	left: -4px;
	border-left: 0!important;
	background: url(../images/line-first.png) no-repeat 0px 0px;
	font-size: 14px;
	font-family:'微软雅黑';
	font-weight: 550;
}
.fishBone .item .content ul li.line-last{
	border-left:none;
}
.fishBone .item.top .content ul li .name{}
.fishBone .item.top .content ul li .text{}
/**prev next*/
.fishBone .prev {
	position: absolute;
	top: 154px;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 40px;
	background: url(../images/arrow.png) no-repeat -1px 13px;
}
.fishBone .prev:hover{
cursor: pointer;
background-position-y: -28px;
}
.fishBone .next:hover{
cursor: pointer;
background-position-y: -28px;
}
.fishBone .next {
	position: absolute;
	top: 154px;
	right: 0;
	display: inline-block;
	width: 20px;
	height: 40px;
	background: url(../images/arrow.png) no-repeat -19px 13px;
}
/**line**/
.fishBone .line {
	position: absolute;
	top: 175px;
	height: 1px;
	width: 97%;
	border-bottom: 2px dashed #7E899D;
	left:1.5%;
}
.fishBone .item .line-point {
	position: absolute;
	left: 4px;
	bottom: -4px;
	display: block;
	height: 18px;
	width: 18px;
	background: url(../images/line-point.png) no-repeat 0px 0px;
}
.fishBone .item.bottom .line-point {
	top: -6px
}
.k-pager-wrap > .k-link > .k-icon{
	margin-top:5px;
}
.lonix.f-pop {
	position:relative;
	transition:all ease .2s;
}
.lonix.f-pop-content {
	display:block;
	opacity:0;
	background:#ffffff;
	position:absolute;
	padding:5px 10px;
	min-width:50px;
	max-width:200px;
	min-height:20px;
	border-radius:3px;
	transition:all ease .2s;
	left:5px;
	color: #fff;
	background: rgba(0,0,0,.8);
	word-break: keep-all;
	z-index: 999;
	text-align: left;
}
.lonix.f-pop-content:after {
	content:'';
	position:absolute;
	right:18px;
	top:-14px;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid transparent;
	border-bottom:7px solid rgba(0,0,0,.8);;
}
.lonix.f-pop:hover > .lonix.f-pop-content {
	opacity:1;
}

/* 弹出层样式重构 
========================================== */
.k-widget.k-window{
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.k-window-titlebar .k-window-actions{
	right: 5px;
	top: 1px;
}
.k-window-titlebar{
	background: #2590f1;
	height: 25px;
	line-height: 25px;
}
.k-window-titlebar .k-window-title{
	color: #fff;
	font-size: 16px;
}
.k-window-titlebar a.k-window-action{
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	color: #2590f1;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	opacity: .5;
	transition:all ease .3s;
	padding:0;
}
.k-window-titlebar a.k-window-action:hover{
	opacity: 1;
	border: none;
	background: #ff3636;
	color: #fff;
}
.k-window-titlebar a.k-window-action::before{
	content: "\2716";
}
.k-window-titlebar a.k-window-action .k-i-close{display: none}